<template>
  <el-card class="f-type box-card">
    <div slot="header" class="clearfix">
      <span>Java版块</span>

      <span style="float: right; padding: 3px 0;color:white;">版主：蓦然回首</span>
    </div>
    <div class="text">
      Java
    </div>
  </el-card>
</template>

<script>
export default {
  data(){
    return{
      
    }
  }
}
</script>

<style>
  .text {
    font-size: 14px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .ftype .box-card {
    width: 480px;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
  }

  .ftype.el-card__body{
     text-align: center;
     color:white;
  }

</style>

